// 这里是公益事项配置文件
import type { FormConfigTypes } from '@/base-ui/form'
import type { TableConfigTypes } from '@/base-ui/table'

// 表单配置
export const formConfig: FormConfigTypes = {
  formItems: [
    {
      label: '用户名',
      type: 'select',
      field: 'name',
      options: {
        placeholder: '请选择要查询的用户'
      },
      selectOptions: [
        {
          label: '苹果',
          value: 0
        },
        {
          label: '香蕉',
          value: 1
        },
        {
          label: '樱桃',
          value: 2
        }
      ]
    },
    {
      label: '创建时间',
      type: 'picker',
      field: 'time',
      pickerOptions: {
        type: 'datetimerange',
        startPlaceholder: '开始时间',
        endPlaceholder: '结束时间'
      }
    },
    {
      label: '登录设备',
      type: 'select',
      field: 'equipment',
      options: {
        placeholder: '请选择登录设备'
      },
      selectOptions: [
        {
          value: 3,
          label: '全部'
        },
        {
          value: 0,
          label: 'PC端'
        },
        {
          value: 1,
          label: '手机端(Android)'
        },
        {
          value: 2,
          label: '手机端(iPhone)'
        }
      ]
    }
  ],
  formStyle: {
    lg: 8,
    sm: 12
  },
  itemStyle: {
    padding: '10px 40px'
  },
  formLabelWidth: '80px'
}

// 表格配置
export const tableConfig: TableConfigTypes = {
  // 表格数据里列表
  tableColumn: [
    {
      prop: 'time',
      label: '登录时间',
      align: 'center'
    },
    {
      prop: 'name',
      label: '用户名',
      align: 'center'
    },
    {
      prop: 'avatar',
      label: '头像',
      align: 'center'
    },
    {
      prop: 'equipment',
      label: '登录设备',
      align: 'center'
    },
    {
      prop: 'loginIP',
      label: 'IP地址',
      align: 'center'
    },
    {
      prop: 'loginPosition',
      label: '位置信息',
      align: 'center'
    },
    {
      prop: 'operation',
      label: '操作',
      align: 'center',
      fixed: 'right',
      minWidth: '70'
    }
  ],
  // 表格是否可选
  isSelection: false,
  // 是否显示序号
  isShowTableIndex: true,
  // 表格样式
  tableStyle: {
    maxHeight: '350px'
  },
  // 是否显示分页
  isShowPage: true
}
